<template>
  <div>
    <div class="zuixin">
      <h3>最新·人气</h3>
      <span @click="zuixin">→</span>
    </div>
    <ul>
      <li>
        <img src="" alt="" />
        <p></p>
        <span></span>
      </li>
    </ul>
    <div class="re">
      <img src="/cimgs/2.jpg" alt="" />
    </div>
    <div class="zhuan">
      <img src="/cimgs/3.jpg" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  name: "newPopularity",
  data() {
    return {};
  },
  methods: {
    zuixin() {
      this.$router.push({ path: "/Rexiao" });
    },
  },
};
</script>

<style scoped>
.re {
  width: 90%;
  margin: 0 auto;
}
.re > img {
  width: 100%;
}
.zhuan > img {
  width: 100%;
}
.zuixin {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zuixin h3 {
  width: 1rem;
  text-align: center;
}
.zuixin span {
  width: 1rem;
  text-align: center;
}
</style>